<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
		<!-- <input v-model="message" placeholder="edit me">
		<p>我叫: {{ message }}</p> -->
	<!-- 	<span>自我介绍:</span>
		<p style="white-space: pre-line;">{{ message }}</p>
		<br>
		<textarea v-model="message" placeholder="add multiple lines"></textarea>
		</div> -->
		<!-- <input type="checkbox" id="fa" value="fa" v-model="checkedNames">
		<label for="jack">fa</label>
		<input type="checkbox" id="san" value="san" v-model="checkedNames">
		<label for="john">san</label>
		<input type="checkbox" id="js" value="js" v-model="checkedNames">
		<label for="mike">js</label>
		<br>
		<span>选择的用户: {{ checkedNames }}</span> -->
		 <select v-model="selected">
		    <option disabled value="">请选择</option>
		    <option>普通用户</option>
		    <option>管理员</option>
		    <option>高层管理员</option>
		  </select>
		  <span>Selected: {{ selected }}</span>
		<!-- js最后引入-->
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			let app=new Vue({
				el:('#app'),
				data:{
					selected: '',
				}
			
			})
		</script>
	</body>
</html>
